// pages/navagate/navagate.js
import QQmap from '../../utils/qqmap/qqmap-wx-jssdk'
let map=new QQmap({
  key:"O4UBZ-F2W6V-YNMPR-U5RJM-ILIJJ-ISBRI"
})
Page({


  /**
   * 页面的初始数据
   */
  data: {

addresList:[]
  },
  handleOpen(e){
    console.log(e)
    let {
      lat,
      lng,
      address,
      name
    }=e.currentTarget.dataset
   let  latitude=lat;
   let  longitude=lng;
    // console.log(lat)
    wx.openLocation({
     latitude,
     longitude,
     scale: 18,
     name,
     address
    })
  },



  handleChange(e){
    // console.log(e.detail)
    // 需求：1.用户输入关键字的时候 有关键提示 帮助用户快速完成输出
    //      2.用户选择提示相对应的位置 打开位置 使用手机地图开始导航
    // 获取输入框的值
    let input=e.detail 
    if(!input){
      this.setData({
        addresList:[]
      })
    }
    map.getSuggestion({
      keyword:input,
      region:"南京",
      policy:"1",
      page_size:"5",
      success:res=>{
        console.log(res)
        let {address,title,latitude,longitude}= res.data
        this.setData({
          // 用获取到的addresList渲染列表
          addresList:res.data
        })

      },
      fail:err=>{
        console.log(err)
      }
    })
  
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})